<template>
  <div>
    <h3>案例-渲染几个分类</h3>
    <hr />
    <Cate title="美食" :list="foodArr" />

    <Cate title="游戏" :list="gameArr" />

    <Cate title="电影" :list="movieArr" />
  </div>
</template>

<script>
import Cate from '../components/Cate.vue'

export default {
  data() {
    return {
      foodArr: ['小龙虾', '烧烤', '火锅'],
      gameArr: ['王者荣耀', '和平精英', 'QQ飞车'],
      movieArr: ['人生大事', '流浪地球', '独行月球']
    }
  },
  components: {
    Cate
  }
}
</script>

<style lang="less" scoped></style>
